<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>认识热区功能</title>
	</head>
	<body>
		<!--
			img	
			usemap
			map
			area标签
					shape 热区形状 矩形rect，圆形circle，多边形poly
		-->
		<img src="img/map.jpg" alt="" usemap="#hotmap" />
		<map name="hotmap">
			<area shape="rect" coords="421,212,524,341" href="img/1.html" target="_blank"/>
			<area shape="circle" coords="638,84,50" href="img/2.html" target="_blank"/>
			<area shape="poly" coords="186,458,134,543,235,543" href="img/3.html" target="_blank"/>
		</map>
		<!--
			href与src
			href	从页面跳转到外部页面
			src		把外部资源引入到本页面
		-->
	</body>
</html>
